<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE>
<html>
	<head>
		<title>学习资料列表</title>
		
		<smLink1>
			<link rel="stylesheet" href="<%=basePath%>js/lib/ace/components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css">
			<link rel="stylesheet" href="<%=basePath%>js/lib/ace/components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.standalone.min.css">
		</smLink1>
		<smLink2></smLink2>
		
		<smScript1>
			<script type="text/javascript" src="<%=basePath%>js/lib/ace/components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
			<script type="text/javascript" src="<%=basePath%>js/lib/ace/components/bootstrap-datepicker/dist/locales/bootstrap-datepicker.zh-CN.min.js"></script>
			<script type="text/javascript" src="<%=basePath%>js/lib/ace/components/datatables/media/js/jquery.dataTables.min.js"></script>
			<script type="text/javascript" src="<%=basePath%>js/lib/ace/components/_mod/datatables/jquery.dataTables.bootstrap.min.js"></script>
		</smScript1>
		<smScript2>
			<script type="text/javascript" src="<%=basePath%>js/common/datatables.utils.js"></script>
			<script type="text/javascript" src="<%=basePath%>js/jsp/learn/file/list.js"></script>
		</smScript2>
	</head>

	<body>
		<div id="breadcrumbs" class="breadcrumbs ace-save-state">
			<ul class="breadcrumb">
				<li>
					<span>资料列表</span>
				</li>
			</ul>
		</div>
	
		<div class="page-content">
			<div class="row">
				<div class="col-xs-12">
					<div class="clearfix">
						<div class="pull-right tableTools-container"></div>
					</div>
					
					<div class="table-header p-0">
						<h4 class="header m-0 p-l-10 p-t-5 p-b-5">资料列表</h4>
						
						<form role="form" class="form-inline m-0 p-l-10 p-b-5">
							<div class="form-group m-r-10">
								<label class="control-label" for="learn_create_person">创建人：</label>

								<input id="learn_create_person" class="form-control input-sm" type="text" placeholder="输入创建人">
							</div>

							<div class="form-group m-r-10">
								<label class="control-label" for="learn_name">资料标题：</label>

								<input id="learn_name" class="form-control input-sm" type="text" placeholder="输入资料标题">
							</div>

							<div class="form-group m-r-10">
								<label class="control-label" for="learn_type">资料类型：</label>

								<select id="learn_type" class="form-control input-sm search-select">
									<option selected="selected" value="">全部</option>
									<option value="A">煤矿</option>
									<option value="B">非煤矿山</option>
									<option value="C">危化烟花爆竹</option>
									<option value="D">职业健康和工贸</option>
									<option value="F">法律法规</option>
									<option value="G">处罚标准</option>
									<option value="H">消防安全</option>
									<option value="I">道路交通</option>
									<option value="J">建筑施工</option>
									<option value="K">其他</option>
								</select>
							</div>

							<div class="form-group">
								<label class="control-label">日期：从</label>

								<div class="input-group input-group-sm">
									<input id="start_date" class="form-control" type="text" readonly="readonly" placeholder="开始日期">

									<span id="start_date_close_btn" class="input-group-addon">
										<i class="ace-icon fa fa-close cursor-default"></i>
									</span>
								</div>

								<label class="control-label">至</label>

								<div class="input-group input-group-sm">
									<input id="end_date" class="form-control" type="text" readonly="readonly" placeholder="结束日期">

									<span id="end_date_close_btn" class="input-group-addon">
										<i class="ace-icon fa fa-close cursor-default"></i>
									</span>
								</div>
							</div>
						</form>
						
						<form role="form" class="form-inline m-0 p-l-10 p-b-5">
							<div class="form-group">
								<button id="search_learn_btn" class="btn btn-danger btn-xs m-r-30" type="button">
									<i class="ace-icon iconfont icon-search f-s-12"></i>
									搜索
								</button>

								<a class="btn btn-success btn-xs" href="<%=basePath%>web/learn/file/add.html">
									<i class="ace-icon iconfont icon-plus f-s-12"></i>
									添加资料
								</a>
							</div>
						</form>
					</div>

					<div>
						<table id="learn_table" class="table table-striped table-bordered table-hover"></table>
					</div>
				</div>
			</div>
		</div>
	</body>

	<smModal>
		<div id="learn_modal" role="dialog" class="modal fade" tabindex="-1" aria-labelledby="资料的模态框" aria-hidden="true">
			<div class="modal-dialog" style="width: 800px;">
				<div class="modal-content">
					<div class="modal-header" style="background-color: #F4F5F9;">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							<i class="ace-icon iconfont icon-fork"></i>
						</button>

						<h1 class="modal-title f-s-16">资料详细</h1>
					</div>

					<div class="modal-body p-0" style="height: 680px; overflow-x: hidden; overflow-y: auto;"></div>

					<div class="modal-footer center" style="background-color: #F4F5F9;">
						<button type="button" class="btn btn-sm" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>
	</smModal>
</html>